<template>
  <ul>
    <myItem
      v-for="todo in todos"
      :key="todo.id"
      :todo="todo"
      :checkTodo="checkTodo"
      :deleteTodo="deleteTodo"
    />
  </ul>
</template>

<script setup>
import myItem from "./listItem.vue"
// 定义接收的 props
const props = defineProps({
  todos: {
    type: Array,
    required: true,
  },
  checkTodo: {
    type: Function,
    required: true,
  },
  deleteTodo: {
    type: Function,
    required: true,
  },
})
</script>
